<template>
  <div>
    <h2>News Index page</h2>
    <p>newsID：{{ $route.params.newsId }}</p>
    <ul>
      <li>
        <a href="/">Home</a>
      </li>
      <li>
        <a href="/news/123">new-123</a>
      </li>
      <li>
        <a href="/news/asd">new-asd</a>
      </li>
      <li>
        <!-- 
              -id  === _id 
        -->
        <nuxt-link :to="{name:'news-id',params:{id:123}}">new-1</nuxt-link>
      </li>
      <li>
        <nuxt-link :to="{name:'news-id',params:{id:456,title:'this is news page'}}">new-2</nuxt-link>
      </li>
      <li>
        <nuxt-link :to="{name:'news-id',params:{id:'asd'}}">new-3</nuxt-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  transition: "test"
};
</script>